import { FC } from "react"
import { connect } from "react-redux"
import { useTranslation } from 'react-i18next'
import pdf from "@/assets/images/white-paper/pdf.png"
import download_icon from "@/assets/images/white-paper/download-icon.png"
import "./index.scss"

interface IBusinessPlan {}

const BusinessPlan: FC<IBusinessPlan> = () => {

	const { t } = useTranslation()

	return (
		<div id="business-plan">
			<div className='business-plan-container'>
				<div className="business-plan-title">
					<p>
						B
						<span className="business-plan-title-us">us</span>
						iness
                        <span className="business-plan-title-a">a</span>
                        n
					</p>
				</div>
                <div className="business-plan-download flex-align-center">
                    <img className="file-img" src={pdf} alt="" />
                    <div className="load-text">
                        <p>{t('whitePaper.business')}</p>
                        <p className="file-size">12.9 MB</p>
                    </div>
                </div>
				<div className="load-btn flex-center">
					<img className="load-img" src={download_icon} alt="" />
					<div>{t('whitePaper.download')}</div>
				</div>
			</div>
		</div>
	)
}

const mapStoreToProps = () => {
	return {}
}

const mapDispatchToProps = () => {
	return {}
}

export default connect(mapStoreToProps, mapDispatchToProps)(BusinessPlan)